<template>
    <f7-page class="page-userinfo">
        <f7-navbar>
            <f7-nav-left back-link=" " sliding></f7-nav-left>
            <f7-nav-center>基本信息</f7-nav-center>
        </f7-navbar>
        <div class="main">
            <f7-list media-list>
                <f7-list-item title="编辑资料" link="/my/editUserinfo/" media="<i class='icon fa fa-edit'><i>"></f7-list-item>
            </f7-list>
            <f7-list>
                <f7-list-item>
                    <f7-label>昵称</f7-label> 老王同志
                </f7-list-item>
                <f7-list-item>
                    <f7-label>性别</f7-label> 男
                </f7-list-item>
                <f7-list-item>
                    <f7-label>所在地</f7-label> 福建 福州
                </f7-list-item>
                <f7-list-item>
                    <f7-label>简介</f7-label> 老王同志
                </f7-list-item>
                <f7-list-item>
                    <f7-label>出生年月</f7-label> 1995-08-09
                </f7-list-item>
                <f7-list-item>
                    <f7-label>注册时间</f7-label> 2017-08-09
                </f7-list-item>
            </f7-list>
        </div>
    </f7-page>
</template>

<style lang="scss">
    .page-userinfo {
        .list-block {
            margin: 0 0 5px;
        }

        .label {
            color: #999;
        }
    }
</style>
